<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API详情页</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./libs/lizi/css/lizi.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/API_detail.css">
</head>

<body>
    <!-- 页面顶部导航 -->
    <div class=" top-nav ">
        <a href="#">
            <img src="./imgs/new-logo-white2.png" alt="">
        </a>
        <nav class="menu">
            <a href="#">首页</a>
            <a href="#" class="active">API</a>
            <!-- <a href="#">云服务</a> -->
            <a href="#">案例</a>
            <!-- <a href="#">开发者</a> -->
        </nav>
        <div class="btns">
            <a href="#" class="login-btn">登录</a>
            <a href="#" class="register-btn">注册有礼</a>
        </div>
    </div>
    <!-- 条幅 -->
    <div class="banner">
        <div id="particles-js">
            <canvas class="particles-js-canvas-el"></canvas>

        </div>
        <div class="cf container">
            <div class="fl banner-left">
                <img src="./imgs/API11.jpg" alt="">
                <ul class=" banner-img-list">
                    <li>
                        <img src="./imgs/API_smallicon_01.jpg" alt="">
                        <p>103</p>
                    </li>
                    <li>
                        <img src="./imgs/API_smallicon_02.jpg" alt="">
                        <p>142</p>
                    </li>
                    <li>
                        <img src="./imgs/API_smallicon_03.jpg" alt="">
                        <p>623</p>
                    </li>
                </ul>
            </div>
            <div class="fl banner-right">
                <p class="banner-idcard">
                    <strong>身份证实名验证</strong>
                    <span>支持HTTPS</span>
                    <span>企业专用</span>
                </p>
                <p class="company">
                    <span>限企业实名用户使用</span>
                    <span>本接口需提供应用场景审核</span>
                    <span>个人实名用户无法使用</span>
                </p>
                <p class="check">检测姓名和身份证号是否一致，身份证验证。</p>
                <p class="btns">
                    <i>扫码测试</i>
                    <span class="wechat-code">
                        <img src="./imgs/103-demo.png" alt="">
                        <span>打开微信扫一扫</span>
                    </span>

                    <!-- <span class="number select">4000次</span> -->
                </p>
                <p class="use"><span class="money">¥1200</span>(约 <span class="count">0.3000</span>元/次),仅限企业实名购买;</p>
                <button class="apply">立即申请</button>
            </div>
        </div>
    </div>
    <!-- 页面切换 -->
    <div class="page-switch">
        <div class="container">
            <ul class="cf">
                <li class="fl"><a href="#" class="active">API文档</a></li>
                <li class="fl"><a href="#">错误码参照</a></li>
                <li class="fl"><a href="#">示例代码</a></li>
                <li class="fl"><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="container cf api-content">
        <div class="fl api-content-left">
            <!-- API文档 -->
            <div class="api-left api-document active">
                <div class="api-test">
                    <p><span>接口地址：</span>http://op.itsource.cn/idcard/query</p>
                    <p><span>返回格式：</span>json</p>
                    <p><span>请求方式：</span>http get/post</p>
                    <p><span>请求示例：</span>http://op.itsource.cn/idcard/query?key=您申请的KEY&idcard=&realname=</p>
                    <p><span>接口备注：</span>error_code为0时计费</p>
                    <p><a href="#">API测试工具</a></p>
                </div>
                <div class="api-document-request">
                    <p class="tips"><span class="line"></span>请求参数说明：</p>
                    <table>
                        <tr>
                            <th>&emsp;名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th class="table-text">说明</th>
                        </tr>
                        <tr>
                            <td>&emsp;idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td class="table-text">身份证号码</td>
                        </tr>
                        <tr>
                            <td>&emsp;realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td class="table-text">姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>&emsp;orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td class="table-text">传1时返回单号，默认不返回单号(建议传入)
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;key</td>
                            <td>是</td>
                            <td>string</td>
                            <td class="table-text">在个人中心->我的数据,接口名称上方查看
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="api-document-return">
                    <p class="tips"><span class="line"></span>返回参数说明：</p>
                    <table>
                        <tr>
                            <th>&emsp;名称</th>
                            <th>类型</th>
                            <th class="text">说明</th>
                        </tr>
                        <tr>
                            <td>&emsp;error_code</td>
                            <td>int</td>
                            <td>返回码
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;reason</td>
                            <td>string</td>
                            <td>返回说明
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;result</td>
                            <td>object</td>
                            <td>返回结果集
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;realname</td>
                            <td>string</td>
                            <td>属result,真实姓名
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;idcard</td>
                            <td>string</td>
                            <td>属result,身份证号
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;res</td>
                            <td>int</td>
                            <td>属result,匹配详情,1匹配,2不匹配
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="api-document-example">
                    <p class="tips"><span class="line"></span>JSON返回示例：<a href="#">JSON在线格式化工具</a></p>
                    <div class="json">
                        <p>{</p>
                        <p>&emsp;"reason": "成功",</p>
                        <p>&emsp;"result": {</p>
                        <p>&emsp;"realname": "***",/*真实姓名*/</p>
                        <p>&emsp;"idcard": "******************",/*身份证号码*/</p>
                        <p>&emsp;"orderid":"J103202010151450419556",/*流水号*/</p>
                        <p>&emsp;"res": 1 /*1：匹配 2：不匹配*/</p>
                        <p>&emsp;},</p>
                        <p>&emsp;"error_code": 0</p>
                        <p>}</p>
                    </div>
                </div>
            </div>
            <!-- 错误码参照 -->
            <div class="api-left error-code">
                <div class="api-document-request">
                    <p class="tips"><span class="line"></span>请求参数说明：</p>
                    <table>
                        <tr>
                            <th>&emsp;名称</th>
                            <th>必填</th>
                            <th>类型</th>
                            <th class="table-text">说明</th>
                        </tr>
                        <tr>
                            <td>&emsp;idcard</td>
                            <td>是</td>
                            <td>string</td>
                            <td class="table-text">身份证号码</td>
                        </tr>
                        <tr>
                            <td>&emsp;realname</td>
                            <td>是</td>
                            <td>string</td>
                            <td class="table-text">姓名(UTF-8)</td>
                        </tr>
                        <tr>
                            <td>&emsp;orderid</td>
                            <td>否</td>
                            <td>int</td>
                            <td class="table-text">传1时返回单号，默认不返回单号(建议传入)
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;key</td>
                            <td>是</td>
                            <td>string</td>
                            <td class="table-text">在个人中心->我的数据,接口名称上方查看
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="api-document-return">
                    <p class="tips"><span class="line"></span>返回参数说明：</p>
                    <table>
                        <tr>
                            <th>&emsp;名称</th>
                            <th>类型</th>
                            <th class="text">说明</th>
                        </tr>
                        <tr>
                            <td>&emsp;error_code</td>
                            <td>int</td>
                            <td>返回码
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;reason</td>
                            <td>string</td>
                            <td>返回说明
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;result</td>
                            <td>object</td>
                            <td>返回结果集
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;realname</td>
                            <td>string</td>
                            <td>属result,真实姓名
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;idcard</td>
                            <td>string</td>
                            <td>属result,身份证号
                            </td>
                        </tr>
                        <tr>
                            <td>&emsp;res</td>
                            <td>int</td>
                            <td>属result,匹配详情,1匹配,2不匹配
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="api-document-example">
                    <p class="tips"><span class="line"></span>JSON返回示例：<a href="#">JSON在线格式化工具</a></p>
                    <div class="json">
                        <p>{</p>
                        <p>&emsp;"reason": "成功",</p>
                        <p>&emsp;"result": {</p>
                        <p>&emsp;"realname": "***",/*真实姓名*/</p>
                        <p>&emsp;"idcard": "******************",/*身份证号码*/</p>
                        <p>&emsp;"orderid":"J103202010151450419556",/*流水号*/</p>
                        <p>&emsp;"res": 1 /*1：匹配 2：不匹配*/</p>
                        <p>&emsp;},</p>
                        <p>&emsp;"error_code": 0</p>
                        <p>}</p>
                    </div>
                </div>
            </div>
            <!-- 示例代码 -->
            <div class="api-left sample-code">
                <div class="api-document-example">
                    <p class="tips"><span class="line"></span>JSON返回示例：<a href="#">JSON在线格式化工具</a></p>
                    <div class="json">
                        <p>{</p>
                        <p>&emsp;"reason": "成功",</p>
                        <p>&emsp;"result": {</p>
                        <p>&emsp;"realname": "***",/*真实姓名*/</p>
                        <p>&emsp;"idcard": "******************",/*身份证号码*/</p>
                        <p>&emsp;"orderid":"J103202010151450419556",/*流水号*/</p>
                        <p>&emsp;"res": 1 /*1：匹配 2：不匹配*/</p>
                        <p>&emsp;},</p>
                        <p>&emsp;"error_code": 0</p>
                        <p>}</p>
                    </div>
                </div>
            </div>
            <!-- 联系我们 -->
            <div class="api-left contact-us">
                <p class="tips"><span class="line"></span>联系我们：</p>
                <table>
                    <tr>
                        <th>&emsp;内容</th>
                        <th>详细</th>
                    </tr>
                    <tr>
                        <td>&emsp;售前咨询①:</td>
                        <td>0512-88869195</td>
                    </tr>
                    <tr>
                        <td>&emsp;客服热线:</td>
                        <td>400-882-7715</td>
                    </tr>
                    <tr>
                        <td>&emsp;在线客服QQ:</td>
                        <td>800076065</td>
                    </tr>
                    <tr>
                        <td>&emsp;接口测试:</td>
                        <td>API测试工具</td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- 侧边栏 -->
        <div class="fr api-content-right">
            <h3>活动推荐/Activity</h3>
            <div class="content-right-top">
                <p><a href="#"><img src="./imgs/sfz-aside1.png" alt=""></a></p>
                <p><a href="#"><img src="./imgs/details-aside02.png" alt=""></a></p>
                <p><a href="#"><img src="./imgs/details-aside03.png" alt=""></a></p>
                <h3>猜你喜欢</h3>
            </div>
            <ul class="content-right-bottom">
                <li class="cf">
                    <a href="#" class="fl">
                        <img src="./imgs/API22.jpg" alt="">
                    </a>
                    <div class="fr">
                        <p class="bottom-title"><a href="">短信API服务</a></p>
                        <p class="bottom-text"><span>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span></p>
                    </div>
                </li>
                <li class="cf">
                    <a href="#" class="fl">
                        <img src="./imgs/API26.jpg" alt="">
                    </a>
                    <div class="fr">
                        <p class="bottom-title"><a href="">银行卡四元素校验</a></p>
                        <p class="bottom-text"><span>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span></p>
                    </div>
                </li>
                <li class="cf">
                    <a href="#" class="fl">
                        <img src="./imgs/API30.jpg" alt="">
                    </a>
                    <div class="fr">
                        <p class="bottom-title"><a href="">身份证查询</a></p>
                        <p class="bottom-text"><span>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span></p>
                    </div>
                </li>
                <li class="cf">
                    <a href="#" class="fl">
                        <img src="./imgs/API33.jpg" alt="">
                    </a>
                    <div class="fr">
                        <p class="bottom-title"><a href="">身份证OCR识别</a></p>
                        <p class="bottom-text"><span>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span></p>
                    </div>
                </li>
                <li class="cf">
                    <a href="#" class="fl">
                        <img src="./imgs/API36.jpg" alt="">
                    </a>
                    <div class="fr">
                        <p class="bottom-title"><a href="">三网手机实名制认证</a></p>
                        <p class="bottom-text"><span>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</span></p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer-banner">
        <h2>现在注册，百款接口免费测试</h2>
        <p><a href="">免费注册</a></p>
    </div>
    <!-- 页面尾部 -->
    <div class="container cf footer">
        <div class="cf">
            <div class="fl footer-left">
                <div class="cf">
                    <dl class="fl">
                        <dt>联系与支持</dt>
                        <dd><a href="#">400-872-775</a></dd>
                        <dd><a href="#">售前咨询</a></dd>
                        <dd><a href="#">客服&售后</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">极速工单</a></dd>
                        <dd><a href="#">投诉与建议</a></dd>
                    </dl>
                    <dl class="fl">
                        <dt>关于源码</dt>
                        <dd><a href="#">400-872-775</a></dd>
                        <dd><a href="#">售前咨询</a></dd>
                        <dd><a href="#">客服&售后</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">极速工单</a></dd>
                        <dd><a href="#">投诉与建议</a></dd>
                    </dl>
                    <dl class="fl">
                        <dt>快速入口</dt>
                        <dd><a href="#">400-872-775</a></dd>
                        <dd><a href="#">售前咨询</a></dd>
                        <dd><a href="#">客服&售后</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">极速工单</a></dd>
                        <dd><a href="#">投诉与建议</a></dd>
                    </dl>
                    <dl class="fl">
                        <dt>产品服务</dt>
                        <dd><a href="#">400-872-775</a></dd>
                        <dd><a href="#">售前咨询</a></dd>
                        <dd><a href="#">客服&售后</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">极速工单</a></dd>
                        <dd><a href="#">投诉与建议</a></dd>
                    </dl>
                    <dl class="fl">
                        <dt>解决方案</dt>
                        <dd><a href="#">400-872-775</a></dd>
                        <dd><a href="#">售前咨询</a></dd>
                        <dd><a href="#">客服&售后</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">极速工单</a></dd>
                        <dd><a href="#">投诉与建议</a></dd>
                    </dl>
                </div>
            </div>
            <div class="fr footer-right">
                <p class="footer-right-title">微信公众号</p>
                <p class="footer-right-name">源码时代</p>
                <img src="./imgs/wechat-white.png" alt="">
            </div>
        </div>
        <p class="footer-foot">
            <a href="#" class="fl logo1">
                <img src="./imgs/bei1.png" alt="">
            </a>
            <a href="#" class="fl logo2">
                <img src="./imgs/bei2.png" alt="">
            </a>
            <span class="fl foot-left">
                增值电信业务经营许可证：蜀B2-20180596
                <a href="#">蜀ICP备15006450号-3</a>
                <a href="#">营业执照</a>
            </span>
            <span class="fr foot-right">源码大数据股份有限公司©版权所有</span>
        </p>
    </div>
    <script src="./libs/lizi/js/lizi.js"></script>
    <script src="./js/API_detail.js"></script>
</body>

</html>